import { Button, Result } from 'antd';
import { useNavigate } from 'react-router-dom';

const NotFound = () => {
    /* 状态数据管理 ----------------------------------------------------------*/
    const navigate = useNavigate();

    /* 逻辑代码 -------------------------------------------------------------*/
    const goHome = () => {
        navigate('/welcome', { replace: true });
    };

    return (
        <Result
            status="404"
            title="404"
            subTitle="抱歉，你访问的页面不存在"
            extra={
                <Button
                    type="primary"
                    onClick={goHome}
                >
                    返回首页
                </Button>
            }
        />
    );
};

export default NotFound;
